﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SolidDesigns.Web.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>
		Solid Designs
	</title>
    <link href="CSS/main.css" rel="stylesheet" type="text/css" media="all" />
    <link href="CSS/carousel.css" rel="stylesheet" type="text/css" media="all" />
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
    <script language="javascript" type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script>
	<script language="javascript" type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script language="javascript" type="text/javascript" src="Scripts/animatescroll.js"></script>
    <script src="Scripts/jquery.carousel-1.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mousewheel.min.js" type="text/javascript"></script>
    <script src="Scripts/General.js" type="text/javascript"></script>
	<script type="text/javascript">
	    $(document).ready(function () {
	        $('.showTooltip').tooltip();
	        $('#main-menu a, #letWork').click(function () {
	            $('#' + this.href.split('#')[1]).animatescroll({ scrollSpeed: 1000 });
	            return false;
	        });
	        $('.carousel').carousel({ autoplayInterval: 3000, carouselWidth: 1170, carouselHeight: 200, frontWidth: 250, frontHeight: 150, slidesPerScroll: 8, hAlign: 'right', vMargin: 0.8, hMargin: 1.3, right: 30, directionNav: true, shadow: true, buttonNav: 'none' });
	    });
	</script>
</head>
<body data-spy="scroll" data-target=".navbar">
    <div id="top"></div>
	<!----------Main menu----------->
	<div id="main-menu" class="navbar navbar-fixed-top" >
		<div class="navbar-inner">
			<div class="container">
				<a class="logo-website" href="#top"></a>
					<ul class="nav" id="menu-list">					  
					  <li><a href="#who_we_are"><b>WHO WE ARE</b></a></li>
					  <li><a href="#what_we_do"><b>WHAT WE DO</b></a></li>
					  <li><a href="#work"><b>WORK</b></a></li>
					  <li><a href="#contact"><b>CONTACT</b></a></li>
					</ul>
			</div>
		</div>
	</div>
	<!----------End Main menu----------->
    <!----------Banner----------->
	<div id="banner">
		<div class="inner-logo">
			<%--<img src="Images/Solid_Designs_Logo_Badge.png" alt="Solid Designs Logo Badge"/>--%>
            <div class="carousel">
			<div class="slides">
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Chemical/Petroleum">
                        <img src="Images/chemical_petrolium.jpg" alt="Chemical/Petroleum" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Aerospace">
                        <img src="Images/aerospace.jpg" alt="Aerospace" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Automotive">
                        <img src="Images/automotive.jpg" alt="Automotive"/>
                    </a>            
                </div>
                 <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Defense">
                        <img src="Images/defense.jpg" alt="Defense"/>
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Electrica Computer">
                        <img src="Images/electrica_computer.jpg" alt="Electrica Computer"/>
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="CNC Machine">
                        <img src="Images/cnc_machine.jpg" alt="CNC Machine" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Defense">
                        <img src="Images/defense.jpg" alt="Defense" />
                    </a>            
                </div>
                <div> <!-- SLIDE ITEM -->
                    <a href="#" title="Automotive">
                        <img src="Images/automotive.jpg" alt="Automotive"/>
                    </a>            
                </div>
            </div>
		</div>
		</div>
		<div class="slogan">
			Bring you to new levels of creativity and professionalism.
		</div>
		<%--<div class="skills">Chemical/petroleum • Structural • Automotive • Aerospace • Defense</div>--%>
		<a href="#contact" class="btn btn-large btn-primary" id="letWork" >LET'S WORK TOGETHER</a>
	</div>
	<!----------End Banner----------->
	<!----------Content----------->
	<div id="content">
		<div  class="container">
           	
			<!----------Who we are----------->
			<section id="who_we_are">
				<div class="profile">
					<div class="image-profile">
						<img src="Images/Solid_Designs_Logo_Badge.png" class="img-polaroid" alt="" />
					</div>
					<div class="name-profile"><h3>Who we are</h3></div>
					<div class="desc-profile">
						<span class="highlight-red"><img src="Images/SolidDesigns.png" alt="Solid Designs" style=" height:40px; margin-left:-10px; margin-top:-5px;"/></span>was founded in 2010 by Minh Nguyen who has a BS degree in Mechanical engineering, an MBA, and more than 20 years of experience in design engineering and CNC programing. <br/><br/>
						<span class="highlight-red"><img src="Images/SolidDesigns.png" alt="Solid Designs" style=" height:40px; margin-left:-10px; margin-top:-5px;"  /></span>provides professional engineering services in global technology for <span class="highlight-aqua">Chemical/petroleum, Structural, Automotive, Aerospace and Defense. </span> 
						We work in areas <span class="highlight-aqua">of research & development, design, detail, analysis, testing of mechanical equipment and structures, and CNC programing.</span>
						We combine our mastery of top 2D and 3D graphics design software, great ideas, and great experience to complete projects to new levels of creativity and professionalism.<br/>
						We have worked with many clients ranging from large corporations to small businesses around the world. Your schedule, confidentiality, quality, and budget are our ultimate goals. Contact us today.
						<br/><br/>
						<b><u>Contact Information:</u></b>
						<br/>
						<b>Address:</b> 10678 Jones Rd., Houston, TX 77065
						<br/>
						<b>Phone:</b> 281-890-3333
						<br/>
						<b>Fax:</b> 281-890-3337
						<br/>
						<b>Cell:</b> 832-453-9999
						<br/>
						<b>Email:</b> info@soliddesigns.org
					</div>
				</div>
				</section>
			<!----------What we do----------->
			<section id="what_we_do">
				<ul id="job_list" class="thumbnails">
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/automotive.jpg" alt="" />
						</a>
						<h4>Automotive</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/chemical_petrolium.jpg" alt="" />
						</a>
						<h4>Chemical/Petroleum</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/defense.jpg" alt="" />
						</a>
						<h4>Defense</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/aerospace.jpg" alt="" />
						</a>
						<h4>Aerospace</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/electrica_computer.jpg" alt="" />
						</a>
						<h4>Electrical/Computer</h4>
						<p></p>
					</li>
					<li class="span4">
						<a class="thumbnail" href="#">
							<img src="Images/cnc_machine.jpg" alt="" />
						</a>
						<h4>CNC Programing & Machining</h4>
						<p></p>
					</li>
				</ul>
				
				<%--<div class="worked-for">
				<h4><span>Who We've Worked For</span></h4>
				</div>--%>
			</section>
			<!----------Work----------->
			<section id="work">
				<div style="text-align:center">
					<img src="Images/Under-Construction.gif" alt="content is under construction" title="Work"/>
				</div>
			</section>
		</div>
	</div>
	<!----------End Content----------->
	<!----------Contact----------->
	<div id="contact">
		<div>
            <form id="form1" runat="server">
			    <table>
				    <tr>
					    <td><h3>Get In Touch!</h3></td>
				    </tr>
				    <tr>
					    <td><p>Email to info@soliddesigns.org or use the form below:</p></td>
				    </tr>
                    <tr>
					    <td>
                            <asp:TextBox ID="txtContent" runat="server" onkeyup="checkMaxLen(this, 251);" CssClass="span6 showTooltip" data-placement="right" style="resize:none" data-toggle="tooltip" data-original-title="Tell us how we can help" TextMode="MultiLine" Rows="4" Columns="40" placeholder="Tell us how we can help..."></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtContent" Display="Dynamic" ValidationGroup="sendmail">(*)</asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="CustomValidator3" runat="server" 
                                ControlToValidate="txtContent" Display="Dynamic" ValidationGroup="sendmail"
                                ClientValidationFunction="validateXSS">&nbsp;Invalid Data</asp:CustomValidator>
                       </td>
				    </tr>
				    <tr>
					    <td>
                            <asp:TextBox ID="txtName" runat="server" MaxLength="100" CssClass="span6 showTooltip" data-placement="right" data-toggle="tooltip" data-original-title="Input your name" placeholder="Name..." ></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" Display="Dynamic" ValidationGroup="sendmail">(*)</asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="CustomValidator1" runat="server" 
                                ControlToValidate="txtName" Display="Dynamic" ValidationGroup="sendmail"
                                ClientValidationFunction="validateXSS">&nbsp;Invalid Data</asp:CustomValidator>
                        </td>
				    </tr>
				    <tr>
					    <td>
                            <asp:TextBox ID="txtEmail" runat="server" MaxLength="100" CssClass="span6 showTooltip" data-placement="right" data-toggle="tooltip" data-original-title="Input your email" placeholder="Email..." ></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ValidationGroup="sendmail">(*)</asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                                ControlToValidate="txtEmail" Display="Dynamic" 
                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                ValidationGroup="sendmail">&nbsp;Invalid Email</asp:RegularExpressionValidator>
                            <asp:CustomValidator ID="CustomValidator2" runat="server" 
                                ControlToValidate="txtEmail" Display="Dynamic" ValidationGroup="sendmail"
                                ClientValidationFunction="validateXSS">&nbsp;Invalid Data</asp:CustomValidator>
                        </td>
				    </tr>
				    
				    <tr>
					    <td style="text-align:center" >
                            <asp:Button ID="btnSendEmail" runat="server" Text="LET US KNOW" 
                                CssClass="btn btn-primary" ValidationGroup="sendmail" 
                                onclick="btnSendEmail_Click" />
                        </td>
				    </tr>
			    </table>
            </form>
		</div>
	</div>
	<!----------End Contact----------->
	<!----------Footer----------->
	<div id="footer">
	© 2013  <span class="script">Solid Designs. All rights reserved.</span>
	
	</div>
	<!----------End Footer----------->
    
</body>
</html>
